!!!
%html
  %head
    %title keane
    %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
    %meta{"http-equiv"=>"X-UA-Compatible", :content=>"IE=edge"}/
    %meta{:name=>'viewport', :content=>'width=device-width, initial-scale=1'}/

    = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag :application, 'data-turbolinks-track': 'reload'
    -#%script{:src => "/assets/js/jquery-ui-1.10.3.min.js", "data-turbolinks-track" => 'true'}
    = csrf_meta_tag
    = yield(:head)

  %body{style: 'color:white; background:url(/assets/img/beijing.png) no-repeat; background-size:100%; width:100%; overflow-x:hidden'}
    #limit-and-center{style: "margin:0 auto; width: 1280px;"}
      %nav.navbar.navbar-default{role: 'navigation', style: "margin-bottom: 0px"}
        = link_to root_path do
          %img{src: "/assets/img/kea_logo.png", style: 'width: 195px; height: 60px; padding-left: 50px'}
        %ul.nav.navbar-nav.pull-right{style: 'padding-top: 5px; padding-right: 30px'}
          %li.dropdown
            = link_to 'HOME', root_path
          %li
            %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button", style: "display: inline-block;"} IMMIGRANT GRAMME
            %ul.dropdown-menu{:role => "menu"}
              %li
                = link_to 'Irish Immigrant Investor Programme', irish_immigrant_investor_programme_home_pages_path
              %li
                = link_to 'Social Housing Process', social_housing_process_home_pages_path
              %li
                = link_to 'Social Housing VISA Investment', social_housing_visa_home_pages_path
              %li
                = link_to 'FAQ', immigrant_faq_home_pages_path
          %li
            %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button", style: "display: inline-block;"} SERVICES
            %ul.dropdown-menu{:role => "menu"}
              %li
                = link_to 'Irish Immigrant Investor Programme', irish_immigrant_investor_programme_home_pages_path
              %li
                = link_to 'Social Housing VISA Investment', social_housing_visa_home_pages_path
              %li
                = link_to 'Architects Consulting Service', architects_consulting_home_pages_path
              %li
                = link_to 'Education&Language Service', education_language_home_pages_path
              %li
                = link_to 'Investment Consulting Service', investment_consulting_home_pages_path
          %li
            = link_to 'NEWS', news_home_pages_path
          %li
            %a.dropdown-toggle{"aria-expanded" => "false", "data-toggle" => "dropdown", :href => "#", :role => "button", style: "display: inline-block;"} ABOUT US
            %ul.dropdown-menu{:role => "menu"}
              %li
                = link_to 'Contact Us', contact_us_home_pages_path
              %li
                = link_to 'Our Team', our_team_home_pages_path
      #root-pic{style: "width: 1280px; margin-bottom: 0px"}
        #carousel-example-generic.carousel.slide{"data-ride" => "carousel", "data-interval" => 4000}
          %ol.carousel-indicators
            - %w/image00009.JPG image00011.JPG image00013.JPG image00014.JPG image00015.JPG/.each_with_index  do |pic, index|
              %li{class: index == 0 ? 'active' : '', data: {slide_to: index, target: "#carousel-example-generic"}}
          .carousel-inner.img-rounded{:role => "listbox"}
            - %w/image00009.JPG image00011.JPG image00013.JPG image00014.JPG image00015.JPG/.each_with_index  do |pic, index|
              .item{style: "width: 100%; height: 460px;", class: index == 0 ? 'active' : ''}
                %img{src: "/assets/img/#{pic}", style: "width: 1280px; height: 720px"}
                .carousel-caption
          %a.left.carousel-control{"data-slide" => "prev", :href => "#carousel-example-generic", :role => "button"} Prev
          %a.right.carousel-control{"data-slide" => "next", :href => "#carousel-example-generic", :role => "button"} Next
        -#%img{src: "/assets/img/#{%w/image00009.JPG image00011.JPG image00013.JPG image00014.JPG image00015.JPG/.sample}", style: "width: 1280px; height: 720px"}

      #main_area_div{style: " height: auto; margin-top: 0px; padding: 45px"}
        = yield

:javascript
  $('#carousel-example-generic').carousel({
    interval: 4000
  });